header {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  height: 60px;
  transition: all 300ms ease 300ms;
  z-index: 999;

  .ivu-menu-item {
    display: inline-block;
    padding: 0 25px !important;
    letter-spacing: 3px;

    &:hover {
      border-bottom: 2px solid transparent !important;
      // 消除菜单项hover底部边框
    }

    #verified {
      text-align: center;
      
      font-weight: bold;
      color: #C19A26;
      padding: 15px 0;

      img {
        border-radius: 4px;
        width: 50%;
        background: linear-gradient(to right, rgba(253, 235, 144, 0.5), rgba(238, 218, 160, 0.5));
        position: absolute;
        z-index: -1;
        transform: translate(-22%, -15%);
        border: 1px solid rgba(210, 191, 134, 0.5);
      }
    }
  }

  .menudiv {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  @media (min-width: 576px) {
    .menudiv {
      max-width: 650px;
    }
  }

  @media (min-width: 768px) {
    .menudiv {
      max-width: 760px;
    }
  }

  @media (min-width: 992px) {
    .menudiv {
      max-width: 960px;
    }
  }

  @media (min-width: 1200px) {
    .menudiv {
      max-width: 1140px;
    }
  }

  @media (min-width: 1500px) {
    .menudiv {
      max-width: 1440px;
    }
  }

  .ivu-menu-horizontal.ivu-menu-light .ivu-layout-header,
  .ivu-menu-light {
    background: none;

    #logo {
      height: 35px;
      float: left;
      position: relative;
      top: 12px;
      left: 20px;
    }

    .avatar-box {
      @include row-center;
      height: 60px;

      img {
        width: 40px;
        border-radius: 50%;
        margin-right: 5px;
      }
    }

  }

  .ivu-menu-light.ivu-menu-horizontal .ivu-menu-item-active {
    border-bottom: none;
  }

  .ivu-menu-horizontal.ivu-menu-light {

    &:after {
      background: none;
    }
  }

  .layout-nav {
    float: right;
    margin: 0 auto;
    margin-right: 20px;
    height: 60px;
  }

}

.bg-white {
  background-color: #FFFFFF !important;
  box-shadow: 0 -10px 25px 3px #b8b8b8;
}